<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:p="http://primefaces.org/ui"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:gpc="http://java.sun.com/jsf/composite/gpc_comp"
                template="./../WEB-INF/template/templateProfesor.xhtml">

    <ui:define name="content">
        <h:form>
            <p:panelGrid columns="2">
                <f:facet name="header">  
                    #{profesorDetalleCursoBean.curso.idCurso} - #{profesorDetalleCursoBean.curso.nombre} 
                </f:facet> 
                <h:outputLabel value="#{label['fecha_inicio']}"/>
                <h:outputLabel value="#{profesorDetalleCursoBean.curso.fechaInicio}"/>
                <h:outputLabel value="#{label['fecha_finalizacion']}"/>
                <h:outputLabel value="#{profesorDetalleCursoBean.curso.fechaFinalizacion}"/>
            </p:panelGrid>

            <p:dataGrid id="actividades" var="actividades" value="#{profesorDetalleCursoBean.curso.actividadesList}" columns="1" emptyMessage="#{label['empty_message']}" style="text-align:center">  

                <f:facet name="header">  
                    #{label['actividades_curso']}
                </f:facet> 
                <p:panel header="#{actividades.nombre} - #{actividades.idActividad}" style="text-align:center"> 
                    <p:panelGrid>
                        <p:row>  
                            <p:column>
                                #{label['desde']}
                            </p:column>  
                            <p:column>
                                #{actividades.fechaInicio}
                            </p:column>  
                            <p:column>
                                #{label['hasta']}
                            </p:column>  
                            <p:column>
                                #{actividades.fechaFinal}
                            </p:column>  
                        </p:row>
                        <p:row>  
                            <p:column colspan="4">
                                #{label['descripcion']}
                            </p:column>  
                        </p:row>
                        <p:row>  
                            <p:column colspan="4">
                                #{actividades.descripcion}
                            </p:column>  
                        </p:row> 
                        <p:row>  
                            <p:column colspan="2">
                                #{label['peso']}
                            </p:column> 
                            <p:column colspan="2">
                                #{actividades.peso}
                            </p:column>  
                        </p:row>   
                    </p:panelGrid>
                    <p:commandButton value="#{label['detalle']}" 
                                     action="#{profesorDetalleCursoBean.VerActividad(actividades.idActividad)}" 
                                     icon="ui-icon-search" 
                                     style="margin:0"/>   
                </p:panel> 
                <f:facet name="footer">  
                    <p:commandButton id="addButton" oncomplete="addActividadDialog.show()" value="Agregar" icon="ui-icon-plusthick" title="agregar" />
                </f:facet>  
            </p:dataGrid> 
            <p:dataTable id="estudiantesNota" var="est" value="#{profesorDetalleCursoBean.curso.cursosestudiantesList}">
                
                <p:column headerText="#{label['nombre']}">  
                    <h:outputText value="#{est.usuarios.nombre}" />  
                </p:column>  
                
                <p:column headerText="#{label['nota']}">  
                    <h:outputText value="#{est.nota}" />  
                </p:column>  

                <f:facet name="footer">  
                        <p:commandButton value="#{label['calificar_curso']}" icon="ui-icon-check" 
                                         action="#{profesorDetalleCursoBean.calificarCurso()}" 
                                         ajax="false"
                                         oncomplete="crearcasocal.hide();" style="margin:0"/>  
                </f:facet> 
                
            </p:dataTable>
        </h:form>
        <h:form>
            <p:dialog id="addActividadDialog" header="#{label['agregar_actividad']}" widgetVar="addActividadDialog" modal="true" closable="false" resizable="false">
                <p:panelGrid columns="2">  

                    <h:outputLabel value="#{label['nombre']}" for="nombre"/>  
                    <p:inputText id="nombre" value="#{profesorDetalleCursoBean.actividad.nombre}" required="true"/>

                    <h:outputLabel value="#{label['descripcion']}" for="descripcion"/>  
                    <p:inputTextarea id="descripcion" value="#{profesorDetalleCursoBean.actividad.descripcion}" required="true"/>

                    <h:outputLabel value="#{label['peso']}" for="peso"/>  
                    <p:spinner id="peso" value="#{profesorDetalleCursoBean.actividad.peso}" required="true"/>

                    <h:outputLabel value="#{label['fecha_inicio']}" for="fechaInicio"/>  
                    <p:calendar id="fechaInicio" value="#{profesorDetalleCursoBean.actividad.fechaInicio}" required="true"/>

                    <h:outputLabel value="#{label['fecha_finalizacion']}" for="fechaFinal"/>  
                    <p:calendar id="fechaFinal" value="#{profesorDetalleCursoBean.actividad.fechaFinal}" required="true"/>

                    <f:facet name="footer">  
                        <p:commandButton value="Confirmar" action="#{profesorDetalleCursoBean.CrearActividad()}" 
                                         oncomplete="addActividadDialog.hide()" icon="ui-icon-check" 
                                         update=":#{p:component('actividades')} :#{p:component('messages')}" style="margin:0" />   
                        <p:commandButton value="Cerrar" oncomplete="addActividadDialog.hide()" icon="ui-icon-closethick"/> 
                    </f:facet>  
                </p:panelGrid> 
            </p:dialog>
        </h:form>
    </ui:define>            
</ui:composition>
